<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
  <meta name="keywords" content="">
  <meta name="description" content="">
  <link rel="stylesheet" href="css/bootstrap.min.css">
  <link rel="stylesheet" href="css/base.css">
  <link rel="stylesheet" href="css/common.css">
  <link rel="stylesheet" href="css/contact.css">
  <link rel="stylesheet" href="libs/wow/animate.min.css">
  <title>联系我们</title>
</head>

<body>
  <div class="container-fluid">
    <!-- 头部 -->
    <div class="row header">
      <div class="col-md-3">
        <!-- logo -->
        <img src="images/index/logo.png" class="logo" alt="">
      </div>
      <div class="col-md-9">
        <!-- 导航 -->
        <!-- Static navbar -->
        <nav class="navbar navbar-default">
          <div class="container-fluid">
            <div class="navbar-header">
              <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
              <!-- logo -->
              <img src="images/index/logo.png" class="logo2" alt="">
            </div>
            <div id="navbar" class="navbar-collapse collapse">
              <ul class="nav navbar-nav">
                <li class="active"><a href="index.html">首页</a></li>
                <li><a href="more.html">更多产品</a></li>
                <li><a href="about.html">关于我们</a></li>
                <li><a href="case.html">经典案例</a></li>
                <li><a href="service.html">售后服务</a></li>
                <li><a href="contact.html">联系我们</a></li>
                <li><a href="desc.html">企业介绍</a></li>

              </ul>
            </div>
            <!--/.nav-collapse -->
          </div>
          <!--/.container-fluid -->
        </nav>

        <ul class="pull-right nav navbar2">
          <li><a href="index.html">首页</a></li>
          <li><a href="more.html">更多产品</a></li>
          <li><a href="about.html">关于我们</a></li>
          <li><a href="case.html">经典案例</a></li>
          <li><a href="service.html">售后服务</a></li>
          <li><a href="contact.html">联系我们</a></li>
          <li><a href="desc.html">企业介绍</a></li>

        </ul>
        <div class="clearfix"></div>
      </div>
    </div>
    <!-- 广告图1 -->
    <div class="ad1">
      <img class="img-responsive" src="images/contact/banner01.jpg" alt="">
    </div>
    <!-- main -->
    <div class="main">
      <h1 class="title">公司位置</h1>
      <p class="desc">住进童话里的房子，做个天马行空的梦。船屋，帐篷
        蘑菇屋和小木屋……</p>
      <div class="card1 card wow bounceIn">
        <img class="left" src="images/contact/img01.jpg" alt="">
        <div class="right article">
          <h3>北京总部</h3>
          <p class="desc">
            住进童话里的房子，做个天马行空的梦。船屋，帐篷蘑菇屋和小木屋……住进童话里的房子，蘑菇屋和小木住进童话里的房子，做个天马行空的梦。船屋，帐篷蘑菇屋和小木屋……
          </p>
          <div class="button">
            <a href="#">查看详情</a>
          </div>
        </div>
      </div>
      <div class="card2 card wow bounceIn">

        <div class="left article">
          <h3>北京总部</h3>
          <p class="desc">
            住进童话里的房子，做个天马行空的梦。船屋，帐篷蘑菇屋和小木屋……住进童话里的房子，蘑菇屋和小木住进童话里的房子，做个天马行空的梦。船屋，帐篷蘑菇屋和小木屋……
          </p>
          <div class="button">
            <a href="#">查看详情</a>
          </div>
        </div>
        <img class="right " src="images/contact/img01.jpg" alt="">
      </div>
    </div>
    <!-- 广告图2 -->
    <div class="ad1">
      <img class="img-responsive" src="images/contact/banner02.jpg" alt="">
    </div>
    <!-- 联系我们 -->
    <div class="contact">
      <h1 class="title">公司位置</h1>
      <p class="desc">住进童话里的房子，做个天马行空的梦。船屋，帐篷
        蘑菇屋和小木屋……</p>
      <div class="contact_content">
        <ul class="left">
          <li>公司联系方式</li>
          <li>
            <img src="images/contact/icon01.jpg" alt="" class="icon">
            <span>HR@ibaotu.com</span>
          </li>
          <li>
            <img src="images/contact/icon02.jpg" alt="" class="icon">
            <span>000-999-9999</span>
          </li>
          <li>
            <img src="images/contact/icon03.jpg" alt="" class="icon">
            <span>000-999-9999</span>
          </li>
          <li>
            <img src="images/contact/icon04.jpg" alt="" class="icon">
            <span>北京市海淀区止园路韩峰街道 9281号</span>
          </li>
          <li>
            <img src="images/contact/icon05.jpg" alt="" class="icon">
            <span>工作时间 9:00 - 18:00</span>
          </li>
          <li>
            <ul class="clearfix">
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
            </ul>
          </li>
        </ul>
        <div class="right">
          <label for="">你的名字</label>
          <div class="box">
            <input type="text">
          </div>
          <label for="">你的邮箱</label>
          <div class="box">
            <input type="email" name="" id="">
          </div>
          <label for="">联系内容</label>
          <div class="box">
            <textarea name="" id="" re></textarea>
          </div>
          <div class="button">
            <button>提交留言</button>
          </div>

        </div>
      </div>
    </div>
    <!-- footer -->
    <div class="footer">
      <div class="row">
        <div class="col-sm-2 hidden-xs"></div>

        <!-- 768以下的二维码 -->
        <div class="row visible-xs xerweima">
          <div class="col-xs-3"></div>
          <div class="col-xs-6 .middle">
            <div class="clearfix  footer_right">
              <div class="pull-left">
                <div class="img"></div>
                <p>公众号</p>
              </div>
              <div class="pull-right">
                <div class="img"></div>
                <p>APP下载</p>
              </div>
            </div>
          </div>
          <div class="col-xs-3"></div>
        </div>


        <div class="col-sm-6 col-xs-12 middle">
          <p>版权所有：上海市包图网科技有限公司 沪公网安备31011502400137号 Copyright©2016-2019 包图网ibaotu.com </p>
          <p>地址：上海市浦东新区张江微电子港1号楼201室</p>
          <p>投诉电话：0000-99999999 咨询电话：0000-99999999 投诉邮箱：tousu@baotu.com</p>
          <p>为了防范电信网络诈骗，如接到962110来电，请立即接听</p>
        </div>

        <!-- 768以上的二维码 -->
        <div class="col-sm-4 clearfix hidden-xs footer_right">
          <div class="pull-left">
            <div class="img"></div>
            <p>公众号</p>
          </div>
          <div class="pull-left">
            <div class="img"></div>
            <p>APP下载</p>
          </div>
        </div>

      </div>
    </div>

  </div>
  <script src="js/jquery.min.js"></script>
  <script src="bootstrap/js/bootstrap.min.js"></script>
  <script src="libs/wow/wow.min.js"></script>
  <script>
    if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {
      new WOW().init();
    };
  </script>
</body>

</html>